草庐IT

Foundation 按钮组

全部标签

javascript - 无法在 Firefox 中拖动按钮元素

我在处理一个项目时遇到问题。这是一个Web应用程序,其界面部分存在于拖放元素之外。问题是可拖动的div元素工作正常,但按钮元素不会在Firefox中进行拖动,但它们在Chrome中工作。我认为这可能与Firefox处理按钮的现有事件的方式有关,这可能与Chrome的处理方式不同。我知道我可以改用jQueryUI,但这个项目不允许我这样做。这是我的问题的一个jsfiddle:http://jsfiddle.net/MJN6c/6/有谁知道如何让拖动事件触发Firefox中的按钮?代码:varstage=document.querySelector('#drop');varbtnsAni=

javascript - 我想在点击 Google Plus 按钮时调用 Google Plus 回调函数

我在我的项目[内置CodeIgniter]中使用了GooglePlus按钮。我在这里添加了以下代码。然后我添加了Google提供的Javascript代码。(function(){varpo=document.createElement('script');po.type='text/javascript';po.async=true;po.src='https://apis.google.com/js/client:plusone.js';vars=document.getElementsByTagName('script')[0];s.parentNode.insertBefore

javascript - 单击按钮时在 jquery/javascript 中粘贴函数

我有一个用于编写网站url的文本框。我在旁边放了一个按钮。我想如果用户从任何地方复制一个url并单击该按钮,然后将复制的url粘贴到该文本框中。现在我可以使用ctrl+v将url粘贴到文本框中。但是移动用户无法使用它。所以我需要点击那个按钮,将复制的url粘贴到文本框中。非常感谢任何帮助,并提前致谢。 最佳答案 基于过去的许多SO问题...JavaScriptgetclipboarddataonpasteevent(Crossbrowser)Getcurrentclipboardcontent?Isitpossibletoreadt

javascript - Foundation 6 - 控制台警告 : Tried to initialize magellan (any JS plugin) on an element that already has a Foundation plugin

我使用bower安装了Foundation6。每次我使用任何Foundation6-JavaScriptbasedplugin时,我都会在控制台中收到多个warning。确切的警告:TriedtoinitializemagellanonanelementthatalreadyhasaFoundationplugin.我的脚本包括如下所示:$(document).foundation();该警告由foundation.js中180行的以下代码触发://Foreachpluginfound,initializeit$elem.each(function(){var$el=$(this),o

javascript - 当提交表单时没有任何错误,如何禁用提交按钮

我想在用户提交表单时禁用提交按钮,这样他就不会点击提交按钮两次。所以我在我的页面中编写了以下javascript$(document).ready(function(){$("form").submit(function(){$("form").find('input[type=submit]').attr('disabled','disabled');});})这很好用。但是当我应用jquery验证库并附加以下代码时$(document).ready(function(){$("form").submit(function(){$("form").find('input[type=s

javascript - 为什么在使用 JavaScript 单击按钮时需要这行代码?

此解决方案已提供给thisquestion询问在输入字段中按下Enter时如何触发HTML按钮。functionsearchKeyPress(e){//lookforwindow.eventincaseeventisn'tpassedinif(typeofe=='undefined'&&window.event){e=window.event;}if(e.keyCode==13){document.getElementById('btnSearch').click();}}为什么是if(typeofe=='undefined'&&window.event){e=window.event

javascript - 在 AngularJS 指令中初始化 Zurb Foundation 5

我创建了三个plunkr来说明我的问题。我正在尝试创建一个AngularJS指令,它将初始化基础并将必要的javascript应用于加载的模板。起初我试图使用ngInclude将Foundation5导航栏添加到我网站的所有页面。当html直接应用于部分时,顶部栏按预期工作。当在指令中添加html时,例如ngInclude,顶部栏将失去其所有功能。我怀疑这是因为在指令添加模板后基础没有得到初始化。作为解决方案,我创建了一个自定义指令来初始化基础并编译html模板。以我的方式初始化基础会卡住应用程序。有人对此有解决方案吗?尝试在不借助AngularUI的情况下实现这一目标。示例1:HTM

javascript - 如何使用具有工作 ng-click 功能的 angularjs 添加 html 按钮

我正在开发一款使用angularjs制作的游戏。我有一个问题,我还没有能够解决。我想使用一个弹出对话框(无警报),其内容取决于上下文。此弹出窗口包含一个按钮,单击该按钮即可开始游戏。由于内容是动态的,所以ng-click功能不起作用。我已经尝试使用指令并直接从Controller发出,但没有让它工作。我的具体问题是如何将HTML按钮添加到包含实际触发的ng-click函数的angularjs中?编辑:这是一次尝试(实际上是让按钮显示,但ng-click什么都不做):Controller:{if($scope.quiz.state==='finished'||$scope.quiz.st

javascript - react 路由器浏览器后退按钮不起作用

我正在尝试使用ReactJS和react-router创建一个多步骤表单。表单步骤随状态而改变。如果我单击下一步按钮,状态步骤将增加并显示下一步。但是这样的话,如果我在第三步,然后点击浏览器的背面,我将被重定向到主页,而不是上一步。我的主要组件是这样的:componentWillMount(){console.log(this.props.params.id);}onButtonClick(name,event){event.preventDefault();switch(name){case"stepFourConfirmation":if(this.validation("four

javascript - 刷新后才显示 Facebook 分享按钮

上周我在我的Rails应用程序中添加了Facebook和Twitter分享按钮。我认为它们工作正常,但似乎它们加载不可靠,需要刷新才能显示。我认为这是一个turbolinks问题,因为这些事情经常发生,所以我安装了“jquery-turbolinks”gem。这不是turbolinks问题。环顾四周后,我找到了类似thisone的答案在我的twitter函数末尾添加twttr.widgets.load();解决了这个问题,但我没有得到FB.XFBML.parse();使Facebook分享按钮无需刷新即可加载。在thisFacebook开发页面没有将共享按钮列为可以使用该代码修复的问题